import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const InfoIconSvg = () => (
  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
    <circle cx="9" cy="9" r="9" fill="#126BF1" />
    <path
      d="M13.745 4.68555C10.705 6.55055 8.5 8.90555 7.505 10.0855L5.075 8.18055L4 9.04555L8.195 13.3155C8.915 11.4655 11.205 7.85055 14 5.28055L13.745 4.68555Z"
      fill="white"
    />
  </svg>
);

const HookIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={InfoIconSvg} {...props} />;
};

export default HookIcon;
